<template>
	<div class="split-pane-con">
		<!--:value.sync="offset"：双向绑定值-->
		<split-pane :value.sync="offset">
			<div slot="left">left</div>
			<div slot="right">right</div>
		</split-pane>
		<!--<split-pane v-model="offset"></split-pane>-->
		<!--<split-pane :value="offset" @input="handleInput"></split-pane>-->
	</div>
</template>

<script>
	import SplitPane from '_c/split-pane';

	export default {
		name: "Split-pane",
		components: {SplitPane},
		data() {
			return {offset: 0.8}
		},
		methods:{
			handleInput(value){
				this.offset = value;
			}
		}
	}
</script>

<style lang="less" scoped>
	.split-pane-con {
		width: 400px;
		height: 200px;
		background-color: papayawhip;
	}
</style>
